<template>
  <div class="conpanyList">
    <van-image
      class="logo"
      width="100"
      height="100"
      fit="contain"
      :src="'http://huangjiangjun.top:1337' + list.logo"
    />
    <div class="right">
      <div class="one">
        <h3>{{ list.name }}</h3>
        <div>{{ list.score }}</div>
      </div>
      <div class="two">{{ list.distance }}</div>
      <div class="three">
        <span>{{ list.type }}</span>
        <span>{{ list.scale }}</span>
        <span>{{ list.step }}</span>
      </div>
      <div class="four">
        在招职位: <b>{{ list.positions }}</b
        >/最后更新时间:{{ list.updated_at | formatDate }}
      </div>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    list: {
      require: true
    }
  }
}
</script>
<style lang="less">
.conpanyList {
  margin-top: 6vw;
  height: 130px;
  display: flex;

  .logo.van-image {
    margin: 0;
  }
  .right {
    padding: 0 10px;
    flex: 1;

    .one {
      width: 100%;
      display: flex;
      justify-content: space-between;
    }
    .three {
      span {
        margin-right: 10px;
        background-color: #f7f4f5;
        font-size: 10px;
      }
    }
    .four {
      font-size: 10px;
      color: #b4c4df;
      b {
        font-size: 10px;
        color: #289df1;
        font-weight: normal;
        padding: 0 3px;
      }
    }
  }
}
</style>
<style></style>
